<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>达利琪物流云平台</title>
<jsp:include page="${pageContext.request.contextPath}/common.jsp" />
<%-- <jsp:include page="${pageContext.request.contextPath}/common.jsp" /> --%>
<style>
.table-toolbar{
	margin-top:15px;
}
.advanceArea{
	margin-top:10px;
	display:none;
}
</style>
 </head>
 <body style="overflow: hidden;">
 <ul class="page-breadcrumb breadcrumb">
	<li>
		<a href="#">订单管理</a><i class="fa fa-circle"></i>
	</li>
	<li class="active">
		 列表
	</li>
</ul>
<div class="row">
	<div class="col-md-12">
		<div class="portlet light">
			<div class="portlet-body">	
				<div class="row">
					<div class="col-md-12">
						<form class="form-inline">
							<div class="form-group">
								<label for="">客户单号：</label>
								<input type="num" class="form-control" id="" placeholder="">
							</div>
							<div class="form-group">
								<label for="">收货人：</label>
								<input type="text" class="form-control" id="" placeholder="">
							</div>
							<a href="javascript:void(0);" class="btn btn-warning" id="advanceBtn">高级筛选 <i class="fa fa-angle-double-down "></i></a>
							<button class="btn green" type="submit">查询 <i class="fa fa-search"></i></button>

							<div class="advanceArea">
								<div class="form-group">
									<label for="">高级筛选1：</label>
									<input type="num" class="form-control" id="" placeholder="">
								</div>
								<div class="form-group">
									<label for="">高级筛选2：</label>
									<input type="text" class="form-control" id="" placeholder="">
								</div>
							</div>
							
						</form>
					</div>
				</div>	
				<br>
				
				<table class="table table-bordered table-hover" id="orderTable">
					<thead>
					<tr>
						<th width="30" class='text-center'>
							 #
						</th>
						<th width="50" class='text-center'>
							 序号
						</th>
						<th width="200">
							订单编号
						</th>
						<th width="200">
							 客户单号
						</th>
						<th width="100">
						      收货人
						</th>
						<th width="200">
						      收货地址
						</th>
						<th width="100">
						      起运时间
						</th>
						<th width="100">
							 费用
						</th>
						<th width="80">
							 状态
						</th>
						<th width="300" >
							操作
						</th>
					</tr>
					</thead>
					<tr>
					    <td><input type="checkbox" name="order" /></td>
					   <td>1</td>
					    <td><a href="javascript:void(0);">SO20160510</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>西安雁塔</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td class="text-success">待处理</td>
					    <td>
					       <a href="#">编辑</a>&nbsp;
					        <a href="#">删除</a>&nbsp;
					         <a href="#">提交订单</a>&nbsp;
					    </td>
					</tr>
					<tr>
					    <td><input type="checkbox" name="order" /></td>
					   <td>2</td>
					     <td><a href="javascript:void(0);">SO20160511</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>西安雁塔</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td class="text-danger">中转</td>
					    <td>
					       <a href="#">编辑</a>&nbsp;
					        <a href="#">删除</a>&nbsp;
					         <a href="#">提交订单</a>&nbsp;
					    </td>
					</tr>
					<tr>
					  <td><input type="checkbox" name="order" /></td>
					   <td>3</td>
					    <td><a href="javascript:void(0);">SO20160510</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>西安雁塔</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td class="text-success">待处理</td>
					    <td>
					       <a href="#">编辑</a>&nbsp;
					        <a href="#">删除</a>&nbsp;
					         <a href="#">提交订单</a>&nbsp;
					    </td>
					</tr>
					<tr>
					    <td><input type="checkbox" name="order" /></td>
					   <td>4</td>
					     <td><a href="javascript:void(0);">SO20160511</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>西安雁塔</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td class="text-danger">中转</td>
					    <td>
					       <a href="#">编辑</a>&nbsp;
					        <a href="#">删除</a>&nbsp;
					         <a href="#">提交订单</a>&nbsp;
					    </td>
					</tr>
					<tr>
					     <td><input type="checkbox" name="order" /></td>
					   <td>5</td>
					    <td><a href="javascript:void(0);">SO20160510</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>西安雁塔</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td class="text-success">待处理</td>
					    <td>
					       <a href="#">编辑</a>&nbsp;
					        <a href="#">删除</a>&nbsp;
					         <a href="#">提交订单</a>&nbsp;
					    </td>
					</tr>
					<tr>
					     <td><input type="checkbox" name="order" /></td>
					   <td>6</td>
					     <td><a href="javascript:void(0);">SO20160511</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>西安雁塔</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td class="text-danger">中转</td>
					    <td>
					       <a href="#">编辑</a>&nbsp;
					        <a href="#">删除</a>&nbsp;
					         <a href="#">提交订单</a>&nbsp;
					    </td>
					</tr>
				</table>
				 <div id="kkpager"  style="width: 100%; margin: 0px auto;"></div>
				 
				 <div class="table-toolbar">
					<div class="row">
						<div class="col-md-12">
							<div class="tabletools-dropdown-on-portlet">
								<button onclick="parent.loadIframePage('orderPage/edit.jsp');" class="btn btn-sm bg-blue" >
								新增	<i class="fa fa-plus"></i>
								</button>
								<button onclick="" class="btn btn-sm bg-green" >
								批量提交	<i class="fa  fa-copy"></i>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div> 
		</div>
	</div>
</div>
    <script type="text/javascript">
         	refashPage(1, 1, 6);
         	/* 高级筛选 */
         	$('#advanceBtn').click(function(){
         		var $icon = $(this).find('i');
         		if($icon.hasClass('fa fa-angle-double-down')){
         			$icon.removeClass().addClass('fa fa-angle-double-up');
         			$('.advanceArea').slideDown();
         		}else if($icon.hasClass('fa fa-angle-double-up')){
         			$icon.removeClass().addClass('fa fa-angle-double-down');
         			$('.advanceArea').slideUp();
         		}
         	});
         	
         	
    </script>
</body>
</html>